.SearchPage {
    padding: 10px;

    .searchPage_Box {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;

        .searchPage_search {
            width: 290px;
            padding: 2px 10px;
            border-radius: 10px;
            background-color: #f8f8f8;
            height: 30px;
            display: flex;
            justify-content: space-between;
            align-items: center;

            img {
                height: 16px;
            }

            input {
                width: 260px;
                height: 20px;
                border: none;
                background-color: #f8f8f8;
            }
        }
    }

    .searchPage_hot {
        display: flex;
        flex-direction: column;
        align-items: flex-start;

        .searchPage_hotSearch {
            margin-top: 10px;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;

            .searchPage_item {
                height: 30px;
                line-height: 30px;
                width: 100px;
                font-size: 14px;
                color: #6c6c6c;
                background-color: #f8f8f8;
                border-radius: 30px;
                margin-right: 10px;
                margin-bottom: 10px;
            }
        }
    }

}